/*
 * Copyright (C) 2017-2019 Dremio Corporation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
 @import '~@app/uiTheme/less/color-schema.less';
 @import "~@app/uiTheme/less/mixins.less";

:global {
  .react-monaco-editor-container .monaco-editor .view-overlays .current-line {
    border: none;
  }

  .monaco-editor {
    line-height: 0px !important;
    border-radius: 4px !important;

    .overflow-guard {
      border-radius: 4px;
    }

    .mtk3 {
      color: @monaco-light-green;
    }
    .mtk7 {
      color: @monaco-persian-green;
    }
    .mtk20 {
      color: @monaco-orange;
    }
    .margin {
     margin: 0px !important;
      }

    .dremio-error-line {
      display: flex;
      align-items: center;
      justify-content: center;

      //circle
      &:before {
        content: '';
        display: block;
        width: 2px;
        height: 100%;
        background: @monaco-error;
      }
    }
  }
   //autocomplete styles ------------------------------

  .monaco-editor .suggest-widget {
    .font-basic();

    & > .tree {
      background: @PALE_GREY !important;
      border-color: @SECONDARY_BORDER !important;
      border-radius: 2px;
    }

    .main {
      .font-basic() !important;
    }

    .monaco-list .monaco-list-row {
      padding: 0 13px; // should be > 10px (vertical scrollbar size)
       //hide suggestion type icon
      .icon {
        display: none;
      }

      &.focused {
        background: @PALE_ORANGE;
        //hide 'i' icon
        > .contents > .main > .readMore {
          display: none;
        }
      }

      //show type lables for all items, not only for selected
      > .contents > .main > .type-label {
        display: inline;
      }
      .highlight {
        .font-basic() !important;
        font-weight: 500 !important;
      }
    }
  } //------------------------------------------------------
}
